.mainContent {
    width: 100%;
    height: 100%;
    background: rgb(8, 17, 32);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;

    .up {
        width: 100%;
        height: 80%;
        background: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: relative;
        border-radius: 1vh;
        .title {
            position: absolute;
            top: 1.2vh;
            font-size: 1.5vw;
            padding: 0 3vh;
            font-weight: 900;
            background: white;
        }


        .upup {
            // margin:10vh;
            height: 40%;
            width: 95%;
            justify-content: center;
            // background: blue;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            border: 0.3vh solid black;
            border-radius: 1vh;
            // display:flex
            // display: flex;
            // align-items: center;
            font-weight: 700;

            .DCcirculate {
                width: 13vw;
                height: 10vh;
                font-size: 1vw;
                display: flex;
                align-items: center;

                input {
                    margin-right: 1vh;
                }
            }

            .seconds {
                width: 13vw;
                height: 10vh;
                display: flex;
                flex-direction: column;
                justify-content: center;

                align-items: center;

                .content {

                    .sp1 {
                        font-size: 1vw;
                        line-height: 3vh;
                    }

                }

                .sp2 {
                    padding-left: 2vw;
                    width: 13vw;
                    text-align: start;
                    font-size: 1vw;
                }

            }
        }

        .title2 {
            position: absolute;
            top: 32vh;
            font-size: 1.5vw;
            padding: 0 3vh;
            font-weight: 900;
            background: white;
        }

        .upbottom {
            height: 40%;
            width: 95%;
            display: flex;
            justify-content: space-around;
            background:white;
            justify-content: center;
            // background: blue;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            border: 0.3vh solid black;
            border-radius: 1vh;
            // display:flex
            // display: flex;
            // align-items: center;
            font-weight: 700;
            margin-top: 5vh;

            .SCcirculate {
                width: 13vw;
                height: 10vh;
                font-size: 1vw;
                display: flex;
                align-items: center;

                input {
                    margin-right: 1vh;
                }
            }

            .seconds {
                width: 13vw;
                height: 10vh;
                display: flex;
                flex-direction: column;
                justify-content: center;

                align-items: center;

                .content {

                    .sp1 {
                        font-size: 1vw;
                        line-height: 3vh;
                    }

                }

                .sp2 {
                    padding-left: 2vw;
                    width: 13vw;
                    text-align: start;
                    font-size: 1vw;
                }

            }
        }
    }

    .bottom {
        width: 100%;
        height: 25%;
        margin-top: 3vh;
        background: rgb(255, 255,255);
        // display: flex;
        border-radius: 1vh;
      
        .bottomup{
            font-size: 1vw;
            font-weight: 800;
            margin-top: 3vh;
            width: 50%;
             text-align:start ;
             padding-left: 1vw;
        }
        .bottombottom{
            font-size: 1vw;
            font-weight: 700;
            margin-top: 3vh;
            width: 95%;
             text-align:start ;
             padding-left: 1vw;
            .span1{
                margin-right: 2vw;
            }
        }
    }
}
// :deep .el-table .cell{
//     line-height: 3vh;
//     padding: 0 0.5vw;
// }
// :deep .el-table{
//     font-size: 1vw;
//     background: white;
// }
// :deep .el-table th.el-table__cell.is-leaf {
//     // border-bottom: var(--el-table-border);
//     background: rgb(220,220,220);
//     color: black;
// }



// :deep .el-table--border .el-table__inner-wrapper {
//     background: white;
// }
:deep .el-table .cell {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 3vh;
    padding: 0 1vw;
}

:deep .cell {
    font-size: 1vw;
    color: black;
}
:deep input{
    zoom: 100%;
}